
.cate-container{
    width: 100%;
    height: 100%;
    overflow: hidden;

}
.sub-nav-wrap{
    float: left;
    width: 24%;
    height: 100%;
    background-color: rgb(244,244,244);
    margin-bottom:50px
}
.sub-nav-wrap>li{
    height: 64px;
    line-height: 64px;
    border:none;
    color:#343434;
    font-size: 14px;
    box-sizing: border-box
}
.sub-nav-wrap>.actived{
    color:#0eb27b;
    border-left:3px solid #0eb27b;
    background-color: #fff;
    box-sizing: border-box
}
.goods-list{
    width: 76%;
    float: left;
}
.search-container{
    position: sticky;
    top:0;
    left:0;
    background-color: #fff;
    height: 42px;
    padding: 5px 0;
    padding-left: 20px;
    border-bottom:1px solid #eee;
}
.search-left{
    width: 80%;
    height: 100%;
    float: left;
    background-color: rgb(244,244,244);
    border-radius:20px;
}
.search-left>span{
    color:#999;
    float: left;
    line-height: 30px;
    padding-left: 15px;
}
.search-left>input{
    margin-left: 10px;
    float: left;
    width: 82%;
    font-size: 13px;
    height: 100%;
    color:#999;
    border-bottom-right-radius: 20px;
    border-top-right-radius: 20px;
    outline: none;
    background-color: rgb(244,244,244);
}
.search-container>a>button{
    outline: none;
    float: right;
    padding-right: 20px;
    line-height: 30px;
    border:none;
    background-color: #fff;
    color:#0eb27b;
    font-size: 14px;
}
.cate-item-container{
    padding-top: 25px;
    width: 33.33%;
    height: 110px;
    float: left;
}
.cate-item-container>img{
    width: 70%;
    text-align: center;
}
.cate-item-container>span{
    display: block;
    font-size: 13px;
    padding-top: 5px;
    color:#434343;
}